<template>
  <page-frame>
    <div class="order-management">
      <div class="toptitle">
        <div class="left">服务档案-商鞅</div>
        <div class="right">
          <div class="btns">
            <el-button @click="back" class="lightGreenBtn">返回</el-button>
          </div>
        </div>
      </div>
      <div class="borderT"></div>
      <div class="order-content">
        <div class="input">
          <div class="record">服务计划</div>

          <div class="pagination">
            <div class="block">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChangePage"
                :current-page="pageData.currentPage1"
                :page-size="10"
                layout="total, prev, pager, next"
                :total="total">
              </el-pagination>
            </div>
          </div>
        </div>
      </div>
    </div>
  </page-frame>
</template>

<script>
  export default {
    methods: {
      init(){
        this.loadTableData();
      },
      loadTableData(){

      },
      back(){
        this.$router.push({name:"memberFileInfo",params:{way:0}});
      },
      handleCurrentChange(val) {
//        this.$router.push({name:"addRole",params:{way:0}});
      },
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChangePage(val) {
        this.currentPage = val;
        console.log(`当前页: ${val}`);
        this.loadTableData(this.queryData,val);
      },
    },
    mounted: function () {
      this.init();
    },
    data() {
      return {
        total:1,
        pageData:[{
          currentPage1: 1,
        }],
      }
    }
  }
</script>
<style>

  .toptitle .btns{
    float:none!important;
    display:inline-block;
  }
  .input input{
    display: inline-block;
  }
  .scroll{
    height: calc(100vh - 122px);
  }
  .el-pagination{
    margin-right:0!important;
    padding-right:0!important;
  }
  .el-dialog .input-item{
    margin:10px 0 15px 0;
    text-align:center;
  }
  .input-item .remind .el-input__inner{
    border:none;
    padding-left:0;
    padding-right:0;
    width:107%;
    font-weight:bold;
  }
  .input .record{
    background-color:#F9FAFC;
    height:50px;
    line-height:50px;
    margin-bottom:20px;
  }
</style>
